<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>layabox游戏</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/game.css"/>
	</head>
	<body>
		<!--导航栏start-->
		<nav class="navbar navbar-default">
        <div class="container">
        	<!--移动端才会出现的LOGO和菜单按钮-->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="img/logo.png"/></a>
          </div>
          <!--平板端以上的横向导航-->
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li class="active"><a href="layabox.html">首页</a></li>
              <li><a href="family.html">Laya家族</a></li>
              <li><a href="game.html">游戏</a></li>
              <li><a href="news.html">新闻动态</a></li>
              <li><a href="about.html">关于我们</a></li>
            </ul>
            <!--切换语言按钮-->
            <ul class="nav navbar-nav navbar-right">
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">语言 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">中文</a></li>
                  <li><a href="#">English</a></li>
                </ul>
              </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>
      
      <!--图片轮播-->
      <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img class="first-slide" src="img/game-slider-01.jpg" alt="First slide">
          
        </div>
        <div class="item">
          <img class="second-slide" src="img/game-slider-02.jpg" alt="Second slide">
          
        </div>
        <div class="item">
          <img class="third-slide" src="img/game-slider-01.jpg" alt="Third slide">
          
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div><!-- /.carousel -->
    <!--游戏介绍-->
    <div class="container game">
    	<!--板块1-->
    	<div class="row bk1">
    		<div class="zhuangshi">
    			热</br>门
    		</div>
    		<div class="col-md-4 left">
    			<div class="imgBox">
    				<img src="img/game1.png"/>
    			</div>
    		</div>
    		<div class="col-xs-12 col-md-8 right">
    			<div class="row msg">
    				<div class="col-xs-12 col-md-12">
    					<h6 class="text-right"><a href="#">猎刃</a></h6>
    					<p>
    						2015年Q版魔幻手游诚心之作，超魔幻ARPG之作！！！无可挑剔的简单操作，无与伦比的爽快打击感，无处不在的惊喜！
    						无穷无尽的回忆！全部技能100%还原，高清华丽特效，体验视觉盛宴；超写实画风，完美重现经典副本；让我们一
    						起来，挑战恶魔，乱斗魔兽！
    					</p>
    				</div>
    			</div>
    			<div class="row imgGroup">
    				<div class="col-xs-12 col-md-6">
    					<div class="imgBox">
    						<a href="#"><img src="img/game_bk1_right_1.jpg"/></a>
    					</div>
    				</div>
    				<div class="col-xs-12 col-md-5">
    					<div class="imgBox">
    						<a href="#"><img src="img/game_bk1_right_2.jpg"/></a>
    					</div>
    				</div>
    				<div class="col-xs-12 col-md-6">
    					<div class="imgBox">
    						<a href="#"><img src="img/game_bk1_right_3.jpg"/></a>
    					</div>
    				</div>
    				<div class="col-xs-12 col-md-5">
    					<div class="imgBox">
    						<a href="#"><img src="img/game_bk1_right_4.jpg"/></a>
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    	<!--板块2-->
    	<div class="row bk2">
    		
    		
    			<div class="col-xs-12 col-md-8 left">
	    			<div class="row msg">
	    				<div class="col-xs-12 col-md-12">
	    					<h6 class="text-left"><a href="#">上吧主公</a></h6>
	    					<p>
	    						《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别
	    						具一格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略 、卡牌于一体。三国初始群雄争霸，奇妙的
	    						名将会帮你掌握胜算左右战况。
	    					</p>
	    				</div>
	    			</div>
	    			<div class="row imgGroup">
	    				<div class="col-xs-12 col-md-6">
	    					<div class="imgBox">
	    						<a href="#"><img src="img/game_bk2_left_1.jpg"/></a>
	    					</div>
	    				</div>
	    				<div class="col-xs-12 col-md-5">
	    					<div class="imgBox">
	    						<a href="#"><img src="img/game_bk2_left_2.jpg"/></a>
	    					</div>
	    				</div>
	    				<div class="col-xs-12 col-md-6">
	    					<div class="imgBox">
	    						<a href="#"><img src="img/game_bk2_left_3.jpg"/></a>
	    					</div>
	    				</div>
	    				<div class="col-xs-12 col-md-5">
	    					<div class="imgBox">
	    						<a href="#"><img src="img/game_bk2_left_4.jpg"/></a>
	    					</div>
	    				</div>
	    			</div>
	    		</div>
	    		<div class="col-md-4 right">
	    			<div class="imgBox">
	    				<img src="img/game2.png"/>
	    			</div>
	    		</div>
    		
    		
    	</div>
    	<!--板块3-->
    	<div class="row bk3">
    		<div class="col-xs-12 col-md-12 head">
    			<h6>更多案例</h6>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_1.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_2.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_3.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_4.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_5.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_6.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_7.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_8.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_9.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_10.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_3.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_5.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_1.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_2.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_6.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_1.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_5.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_8.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_1.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_10.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    		<div class="col-xs-12 col-md-4 content">
    			<div class="imgBox">
    				<a href="#"><img src="img/game_bk3_9.jpg"/></a>
    			</div>
    			<a href="#">醉西游</a>
    		</div>
    	</div>
    </div>
      
     	<!--网页底部-->
     	<div class="container-fluid bottom">
     		<div class="row">
     			<div class="col-xs-11 col-xs-offset-1 col-md-10 col-md-offset-1 content">
     				<a href="#">公司简介</a>
     				<a href="#">联系方式</a>
     				<a href="#">人才招聘</a>
     				<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
     				<div class="contact clearfix ">
     					<div class="imgBox pull-left">
     						<img src="img/youjian.png"/>
     						
     					</div>
     					<div class="imgBox pull-left">
     						<img src="img/wechat.png"/>
     						<div class="erweima">
     							
     						</div>
     					</div>
     					<div class="imgBox pull-left">
     						<img src="img/qq.png"/>
     					</div>
     				</div>
     			</div>
     		</div>
     	</div>
      <!--引入bootstarp.js-->
      <script type="text/javascript" src="js/jquery-2.1.0.js"></script>
      <script type="text/javascript" src="js/bootstrap.js"></script>
	</body>
</html>
